body {
    font: 14px Helvetica, Sans-Serif;
}

#page{
    width:100%;
}

#toppage{
    width:100%;
}

#topbar{
    float:left; 
    width:100%;
    height:30px; 
    background-image:url(../images/bg_topbar.gif);
    background-color:#CBC55C;
    background-repeat:repeat-x;
    border-right:solid 1px #999999;
}

.smallwhitetext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #FFFFFF;
}

.smallwhitetext a {
    -x-system-font:none;
    color:#FFFFFF;
    font-family:Tahoma,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    text-decoration:none;
}

.smallwhitetext a:hover{
    text-decoration:underline;
}

#header{
    width:100%;
}

.titletext {
    font: 0.7em Tahoma, sans-serif;
    font-size:30px;
    font-weight:bold;
    color: #CCCCCC;
}

#pagetitle{
    position:relative; float:right; width:100%; height:60px;
    border-bottom-style:solid;
    border-bottom-width:0.5px;
}

#title{
    position:absolute; right:10px; bottom:0px; width:600px;
}

.footer {
    float:bottom;
    padding-top:35px;
}

.footer p {
    font-size:90%;
    line-height:1.4em;
    text-align:center;
}

/* New Code */

.groupWrapper
{
    width: 32%;
    float: left;
    margin-right: 1%;
    min-height: 400px;
    padding-bottom: 30px;
}

.serializer
{
    clear: both;
}

.groupItem
{
    margin-bottom: 10px;
    border-style:solid;
    border-width:1px;
}

.groupItem .itemHeader
{
    line-height: 28px;
/*     background-color: #DAFF9F; */
/*     border-top: 2px solid #B5EF59; */
    color: #000;
    padding: 0 10px;
    cursor: move;
    font-weight: bold;
    font-size: 16px;
    height: 28px;
    position: relative;
}

.groupItem .itemHeader a
{
    position: absolute;
    right: 10px;
    top: 0px;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}
.sortHelper
{
    border: 3px dashed #666;
    width: auto !important;
}
.groupWrapper p
{
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

ul.add_content {
  margin: 0;
  padding-left: 5px;
  padding-top: 125px;
  padding-bottom: 15px;
  list-style: none;
}

ul.add_content li {
  margin: 2px 0 6px 0;
  padding: 0;
  font-weight: bold;
  line-height: 24px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
}

ul.add_content li a {
    padding-left: 45px; /* width of icon + whitespace */
}

#add_item {
    background-image: url(../images/new.gif);   
}

a#add_lightbox:link  { 
    display:inline-block;    
    padding:12px 5px 12px 45px;
    text-decoration:none;
}

a#add_lightbox:visited  {

    display:inline-block;
    padding:12px 5px 12px 45px;
    text-decoration:none; 
}

a#add_lightbox:active { 
    color: #333333;
}

input.submitbutton { 
    color:#050;
    font: bold 84%'trebuchet ms',helvetica,sans-serif; 
    background-color: #fed; 
}

input.cancelbutton { 
    color:#050;
    font: bold 84%'trebuchet ms',helvetica,sans-serif; 
    background-color: #fed; 
}

label.ligtbox {
    width: 5em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    text-size: 20px;
}

input.lightbox_text {
    border:1px solid #d1c7ac;
    width: 250px;
    color:#333333;
    padding:3px;
    margin-right:4px;
    margin-bottom:5px;
    font-family:tahoma, arial, sans-serif;
}

div.lightbox_content {
}

div.buttonbox {
    float: right;
    padding-top: 9px;
    padding-right: 15px;
}

textarea.ligtbox_desc {
    border:1px solid #d1c7ac;
    width: 250px;
    color:#333333;
    padding:3px;
    margin-right:4px;
    margin-bottom:5px;
    font-family:tahoma, arial, sans-serif;
}

input.lightbox_date_text {
    border:1px solid #d1c7ac;
    width: 98px;
    color:#333333;
    padding:3px;
    margin-right:4px;
    margin-bottom:5px;
    font-family:tahoma, arial, sans-serif;
}

label.ligtbox_small {
    padding-left: 5px;
}

input.lightbox_small_text {
    border:1px solid #d1c7ac;
    width: 96px;
    color:#333333;
    padding:3px;
    margin-right:4px;
    margin-bottom:5px;
    font-family:tahoma, arial, sans-serif;
}

p.stagelabel {
    padding-bottom:25px;
    text-align:center;   
    font-size:16px;
    font-weight:bold;
    font-family:tahoma, arial, sans-serif;
    border:1px solid #d1c7ac;
}

p.info {
     color: red;
}

div.card_menu {
    padding-top:5px;
}

a.tbmenu {
   padding-left:10px;
}

/* Menu css */

/* .nav, .nav ul {  */
/*     list-style: none; */
/*     margin: 0; */
/*     padding: 0; */
/* } */

/* .nav { */
/*     font-family: Arial, Helvetica, sans-serif; */
/*     z-index: 100; */
/*     position: relative; */
/* } */

/* .nav li { */
/*     border-left: 1px solid #000; */
/*     float: left; */
/*     margin: 0; */
/*     padding: 0; */
/*     position: relative; */
/* } */

/* .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { */
/*     font: bold 1.2em Arial, Helvetica, sans-serif; */
/*     background: #565656; */
/*     color: #959595; */
/*     display: block; */
/*     padding: 0 9px; */
/*     text-transform: lowercase; */
/*     text-decoration: none; */
/* } */

/* .nav li a:hover { */
/*     background: #ccc; */
/*     color: #000; */
/* } */

/* #nav-one li:hover a,  */
/* #nav-one li.sfHover a { */
/*     background: #ccc; */
/*     color: #000; */
/* } */

/* #nav-one li:hover ul a,  */
/* #nav-one li.sfHover ul a { */
/*     background: #565656; */
/*     color: #959595; */
/* } */

/* #nav-one li:hover ul a:hover,  */
/* #nav-one li.sfHover ul a:hover { */
/*     background: #ccc; */
/*     color: #000; */
/* } */

/* .nav ul { */
/*     background: #565656; */
/*     border-bottom: 1px solid #000; */
/*     list-style: none; */
/*     margin: 0; */
/*     width: 100px; */
/*     position: absolute; */
/*     top: -999em; */
/*     left: -1px; */
/* } */

/* .nav li:hover ul, */
/* .nav li.sfHover ul { */
/*     top: 21px; */
/* } */

/* .nav ul li { */
/*     border: 0; */
/*     float: none; */
/* } */

/* .nav ul a { */
/* /\*     border: 1px solid #000; *\/ */
/*     border-bottom: 0; */
/* /\*     padding-right: 20px; *\/ */
/* /\*     width: 100px; *\/ */
/*     white-space: nowrap; */
/* } */

/* .nav ul a:hover { */
/*     background: #ccc; */
/*     color: #000; */
/* } */

/* div.cardwallmenu { */
/*     float:right; */
/*     padding-right:20px; */
/* } */